iT邦幫忙

2025 iThome 鐵人賽

DAY 2
0
Modern Web

HTML&CSS30天修煉系列 第 2

Day2網頁文字與標題

  • 分享至 

  • xImage
  •  

html可以透過H標籤,p標籤與title來表示網頁的內容與名稱

首先是H標籤,總共從h1~h6
https://ithelp.ithome.com.tw/upload/images/20250916/20178696ONURZj0laX.png
https://ithelp.ithome.com.tw/upload/images/20250916/20178696MK2HVCqj3M.png
h1到h6如上從大到小
主要用來表示網頁裡的標題層級,H標籤代表的重要性與文字大小也隨著H1到H6逐漸降低,通常一個網頁只會有一個H1來表示網頁的大標,剩下重要的部分由H2來表示,當網頁較複雜時也會用到H3來輔助,剩下的H4到H6不太常用。

H標籤的用途
首先是H標籤的文字可以讓使用者了解網站的大綱,再來是讓Google上的爬蟲分析網頁內容與結構,這會影響所謂的SEO(搜尋引擎最佳化),而SEO又會進一步影響網頁在搜索引擎上的曝光度。

p標籤表示網頁的段落文字,通常用來寫網頁的內文,是html最基本的文字容器

<p>我是第一行</p>
<p>我是第二行</p>
<p>我是第三行</p>

https://ithelp.ithome.com.tw/upload/images/20250916/20178696QXCu7T7mQG.png

title:標籤
前面提到H標籤是代表網頁內容的大標,而title則是代表瀏覽器分頁與搜尋結果中顯示的名稱,不會顯示在網頁中
https://ithelp.ithome.com.tw/upload/images/20250916/20178696WvoL6fCxKl.png
https://ithelp.ithome.com.tw/upload/images/20250916/20178696j9TANhJAzP.png


上一篇
Day1開賽前言
下一篇
day3 html插入圖片或影片
系列文
HTML&CSS30天修煉4
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言